import React, { Component } from "react";
// 引入PropTypes，用于做props的类型规范
import { string, oneOfType, number } from "prop-types";

// const Child = (props) => {
//   return (
//     <div>
//       我的名字是{props.name}, 我的年龄是{props.age}
//     </div>
//   );
// };
// Child.propTypes = {
//   name: PropTypes.string,
//   age: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
// };

class Child extends Component {
  static propTypes = {
    name: string,
    age: oneOfType([string, number]),
  };
  render() {
    return (
      <div>
        我的名字是{this.props.name}, 我的年龄是{this.props.age}
      </div>
    );
  }
}

class App extends Component {
  render() {
    return (
      <>
        <h3>props的数据类型</h3>
        <Child name="junjun" age={20}></Child>
      </>
    );
  }
}

export default App;
